<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
        <div class="header">
            <div class="container">
                <div class="nav">
                    <div class="nav-left"></div>
                    <div class="nav-center">
                        <img src="images/logo.png" alt="">
                    </div>
                    <div class="nav-right">
                        <a href="">
                            <span>SIGN IN</span>
                            <img src="images/user.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
                <div class="banner">
                    <div class="container">
                        <div class="col">
                            <p>SQUARE POINT OF SALE</p>
                            <h1>The POS software that's
                                simple, powerful, and free.</h1>
                            <a href="">GET STARTED</a>
                        </div>
                        <div class="col">
                            <img src="images/banner.png" alt="">
                        </div>
                    </div>
                </div>
        </div>
        <div class="main">
            <div class="container">
                <div class="col">
                    <img src="images/Download.png" alt="">
                    <h3>Download free</h3>
                    <p>Square Point of Sale is the perfect point-of-saleSquare
                        Point of Sale is the perfect point-of-sale</p>
                </div>
                <div class="col">
                    <img src="images/Grow.png" alt="">
                    <h3>Download free</h3>
                    <p>Square Point of Sale is the perfect point-of-saleSquare
                        Point of Sale is the perfect point-of-sale</p>
                </div>
                <div class="col">
                    <img src="images/Powerful.png" alt="">
                    <h3>Download free</h3>
                    <p>Square Point of Sale is the perfect point-of-saleSquare
                        Point of Sale is the perfect point-of-sale</p>
                </div>
                <div class="col">
                    <img src="images/Upgrades.png" alt="">
                    <h3>Download free</h3>
                    <p>Square Point of Sale is the perfect
                        point-of-saleSquare Point of Sale is the perfect point-of-sale</p>
                </div>
            </div>
             <div class="download">
                 <h2>Download square Point o Sale</h2>
                 <p>Download square Point o SaleDownload square Point o Sale</p>
                 <p>
                     <a href=""><img src="images/appstore.png" alt=""></a>
                     <a href=""><img src="images/google.png" alt=""></a>
                 </p>
             </div>
        </div>
        <div class="footer">
            <div class="container">
                <p>&copy; Square, Inc</p>
            </div>
        </div>
</body>
</html>